<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/vue.min.js"></script>
</head>
<body>
<div id="app">
  <p>{{ author }}</p>
  <p>{{ message }}</p>
  <p>{{ date }}</p>
  <p>{{ details() }}</p>
  <span v-bind:title="message">
          鼠标悬停几秒钟查看此处动态绑定的提示信息！
  </span>
</div>

<script>
new Vue({
  el: '#app',
  data: {
	author:"zhangsl",
    message:new Date().toLocaleString(),
    date : "2018-08-08 12:12:12"
  },
	methods: {
		details: function() {
			return  this.author + " - 学的不仅是技术，更是梦想！";
		}
	}
})
</script>  
</body>
</html>